@media screen and (max-width: 800px){

    .text1{
        width: 400px !important;
    }
    .text2{
        width: 400px !important;
    }
    .goodslist{
        width: 400px !important;
    }
}
.main{
    width: 100%;
    height: 100%;
}
.top{
    width: 75%;
    margin: 0 auto;

}
.topp1{
    width: 200px;
    height: 60px;
    float: left;
}
.topp2{
    width: 95px;
    height: 45px;

}
.topp3{
    width: 95px;
    height: 45px;

}
.fr{
    float: right;
}
.clear:after{
    clear: both;
    content: '';
    display: block;


}
.text2,
.text1{
    width: 800px;
    text-align: center;
    margin: 0 auto;   
}
.text2>a,/*text2 下面的a元素运用此属性*/
.text1>a{
    margin-right: 40px;

}
.headp{
    text-align: center;



}
.headp>img{
    width: auto;
    max-width: 100%;
}
.goodslist{
    width: 800px;
    margin: 0 auto;
}
.goodsbox{
    width: 160px;
    text-align: center;
    margin-right: 40px;
}
.fl{
    float: left;
}
.p{
    display: block;
    text-align: center;
}
.foot{
    background-image: url(images/work2_41.jpg);
    width: 100%;
    height: 150px;
}
.footp1{
    text-align: center;
}
.footp2{
    text-align: center;
    height: 25px ;
    width: 100%;
}
img:hover{
    transform: scale(1.1,1.1)

}
button{
    color: green;
}
